<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>包图网</title>
    <link rel="stylesheet" href="./styles/bootstrap4.5.0.min.css">
    <link rel="stylesheet" href="./styles/iconfont.css">
    <link rel="stylesheet" href="./styles/reset.css">
    <link rel="stylesheet" href="./styles/base.css">
</head>

<body>
    <div id="app">
        <header class="p-3 container">
            <div class=" row ">
                <!-- logo -->
                <div class="col-md-8 d-flex justify-content-center offset-2">
                    <img src="./images/logo2.png" alt="">
                </div>
                <div class="col-md-2 d-flex align-items-center justify-content-end">
                    <input type="button" class="btn btn-sm rounded-pill login-btn" value="请登录">
                </div>
            </div>
            <!-- 导航 -->
            <div class="shadow p-3 mb-5 bg-white rounded header-main-container position-relative overflow-hidden">
                <nav class="row">
                    <ul class="col-md-12 d-flex justify-content-between align-items-center">
                        <li class="nav-item active">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">首页</a>
                        </li>
                        <li class="nav-item nav-pos">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">广告设计</a>
                            <span class="top-tip ad-design"></span>
                        </li>
                        <li class="nav-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">视频·音频</a>
                        </li>
                        <li class="nav-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">UI·新媒体配图</a>
                        </li>
                        <li class="nav-item nav-pos">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">办公文档</a>
                            <span class="top-tip office-documents"></span>
                        </li>
                        <li class="nav-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">电商淘宝</a>
                        </li>
                        <li class="nav-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">摄影图</a>
                        </li>
                        <li class="nav-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">插画动图</a>
                        </li>
                        <li class="nav-item nav-pos">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">装饰·模型</a>
                            <span class="top-tip decorative-model"></span>
                        </li>
                        <li class="nav-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">字体</a>
                        </li>
                        <li class="nav-item iconfont icon-19"></li>
                        <li class="nav-item split-line"></li>
                        <li class="nav-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer" data-spot="企业VIP">
                                <i class="icon-company"></i>
                                <span>企业VIP</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer" data-spot="个人VIP">
                                <i class="icon-person"></i>
                                <span>个人VIP</span>
                            </a>
                        </li>
                    </ul>
                </nav>
                <!-- 搜索框 -->
                <div class="row justify-content-center ">
                    <div class="col-md-10">
                        <input type="text" name="" id="" class="rounded-pill search" placeholder="搜索素材">
                        <span class="iconfont icon-sousuo rounded-pill"></span>
                        <span class="iconfont icon-xiangji"></span>
                    </div>
                </div>
                <!-- 搜索框下面的快捷搜索项 -->
                <div class="row justify-content-center">
                    <ul class="col-md-10 commonly-used d-flex">
                        <li class="commonly-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">包图字库</a>
                        </li>
                        <li class="commonly-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">七夕</a>
                        </li>
                        <li class="commonly-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">中国医师节</a>
                        </li>
                        <li class="commonly-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">处暑</a>
                        </li>
                        <li class="commonly-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">造物节</a>
                        </li>
                        <li class="commonly-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">中秋礼盒</a>
                        </li>
                        <li class="commonly-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">光盘行动</a>
                        </li>
                        <li class="commonly-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">直播</a>
                        </li>
                        <li class="commonly-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">开学节</a>
                        </li>
                        <li class="commonly-item">
                            <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">国潮</a>
                        </li>
                    </ul>
                </div>
                <!-- 轮播图 -->
                <div class="row">
                    <div class="col-md-12">
                        <div id="carouselExampleIndicators" class="carousel slide overflow-hidden" data-ride="carousel">
                            <img src="./images/智能logo设计.gif" alt="" class="slide-ai-logo position-absolute">
                            <ol class="carousel-indicators">
                                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
                            </ol>
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <img src="./images/5f31145252a3a.jpg!fqc1390" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="./images/5f364d604636c.jpg!fqc1390" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="./images/5f39e511ad369.jpg!fqc1390" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="./images/5f39e4e5e4334.jpg!fqc1390" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="./images/5f3516a8a5abb.jpg!fqc1390" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="./images/5dc2966df0f31.jpg!fqc1390" class="d-block w-100" alt="...">
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                </div>
                <img src="./images/海外全站素材免费体验.png" alt="" class="overseas-material position-absolute">
            </div>
        </header>
        <main>
            <!-- 滚动到一定位置出现顶部导航 -->
            <nav class="position-fixed shadow mb-5 p-2 bg-white rounded top-nav-bar" id="topBar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-2">
                            <img src="./images/logo2.png" alt="">
                        </div>
                        <div class="col-md-5 navbar navbar-expand-lg top-nav-main">
                            <div class=" collapse navbar-collapse" id="navbarSupportedContent">
                                <ul class="navbar-nav mr-auto">
                                    <li class="nav-item active">
                                        <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
                                    </li>
                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">设计分类</a>
                                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                            <a class="dropdown-item" href="#">Action</a>
                                            <a class="dropdown-item" href="#">Another action</a>
                                            <div class="dropdown-divider"></div>
                                            <a class="dropdown-item" href="#">Something else here</a>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="#">个人VIP</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="#">企业VIP</a>
                                    </li>
                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span class="iconfont icon-19"></span>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                            <a class="dropdown-item" href="#">Action</a>
                                            <a class="dropdown-item" href="#">Another action</a>
                                            <div class="dropdown-divider"></div>
                                            <a class="dropdown-item" href="#">Something else here</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-4 navbar navbar-expand-lg d-flex align-items-center">
                            <input type="text" name="" id="" class="rounded-pill search" placeholder="搜索素材">
                            <span class="iconfont icon-sousuo rounded-pill"></span>
                            <span class="iconfont icon-xiangji"></span>
                        </div>
                        <div class="col-md-1 d-flex align-items-center justify-content-end">
                            <input type="button" class="btn btn-sm rounded-pill login-btn" value="请登录">
                        </div>
                    </div>
                </div>
            </nav>

            <!-- 右边固定导航栏 -->
            <nav class="position-fixed shadow mb-5 bg-white rounded right-nav-bar">
                <ul class="position-relative">
                    <li class="nav-bar-item ">
                        <a href=" http://www.baidu.com " target="_blank " rel="noopener noreferrer " class=" d-flex flex-column justify-content-center position-relative">
                            <img src="./images/icon-vip-qy.e67d.gif " alt=" ">
                            <span>企业<br>VIP</span>
                            <div class="right-to-left-silde-son position-absolute">
                                <img src="./images/企业VIP买一年赠一年.png " alt=" ">
                            </div>
                        </a>
                    </li>
                    <li class="nav-bar-item ">
                        <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer " class=" d-flex flex-column justify-content-center position-relative">
                            <img src="./images/个人VIP.png " alt=" ">
                            <span>全站<br>VIP</span>
                            <div class="right-to-left-silde-son position-absolute">
                                <img src="./images/全站年VIP.png " alt=" ">
                            </div>
                        </a>
                    </li>
                    <li class="nav-bar-item">
                        <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer " class="d-flex flex-column justify-content-center position-relative">
                            <i class="iconfont icon-qian "></i>
                            <span>赚钱</span>
                            <div class="right-to-left-silde-son position-absolute">
                                <img src="./images/月薪过万不是梦.png" alt=" ">
                            </div>
                        </a>
                    </li>
                    <li class="nav-bar-item">
                        <a href="http://www.baidu.com" target="_blank " rel="noopener noreferrer" class="d-flex flex-column justify-content-center position-relative">
                            <i class="iconfont icon-qun"></i>
                            <span>社群<br>联盟</span>
                            <div class="right-to-left-silde-son position-absolute">
                            </div>
                        </a>
                    </li>
                    <li class="nav-bar-item">
                        <a href="http://www.baidu.com " target="_blank" rel="noopener noreferrer " class=" d-flex flex-column justify-content-center  position-relative">
                            <i class="iconfont icon-huodong "></i>
                            <span>活动<br>福利</span>
                            <div class="right-to-left-silde-son position-absolute ">
                                <img src="./images/幸运大转盘.png" alt=" ">
                                <img src="./images/周二会员日福利不能停.png" alt=" ">
                            </div>
                        </a>
                    </li>
                    <li class="nav-bar-item">
                        <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer " class=" d-flex flex-column justify-content-center position-relative">
                            <i class="iconfont icon-jiangbei "></i>
                            <span>周年<br>狂欢</span>
                            <div class="right-to-left-silde-son position-absolute ">
                                <img src="./images/周年狂欢-参与狂欢.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class="nav-bar-item ">
                        <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer " class=" d-flex flex-column justify-content-center ">
                            <i class="iconfont icon-lianxikefu "></i>
                            <span>联系<br>客服</span>
                        </a>
                    </li>
                    <li class="nav-bar-item ">
                        <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer " class=" d-flex flex-column justify-content-center ">
                            <i class="iconfont icon-fankui "></i>
                            <span>意见</span>
                        </a>
                    </li>
                    <li class="nav-bar-item ">
                        <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer " class=" d-flex flex-column justify-content-center ">
                            <i class="iconfont icon-collection-b "></i>
                        </a>
                    </li>
                    <li class="nav-bar-item ">
                        <a href="javascript:void(0);" onclick="window.scrollTo(0,0); " class=" d-flex flex-column justify-content-center ">
                            <i class="iconfont icon-huidaodingbu "></i>
                        </a>
                    </li>
                </ul>
            </nav>

            <!-- 左边固定侧边栏 -->
            <div class="position-fixed shadow mb-5 bg-white rounded left-nav-bar " id="left-nav-bar">
                <ul id="list-example" class="list-group">
                    <li class="nav-bar-item list-group-item list-group-item-action border-0">
                        <a href="#ad-design-container" class=" d-flex flex-column justify-content-center">
                            <i class="iconfont icon-guanggao___ "></i>
                            <span>广告</span>
                        </a>
                    </li>
                    <li class="nav-bar-item list-group-item list-group-item-action border-0">
                        <a href="#e-commerce-container" class=" d-flex flex-column justify-content-center">
                            <i class="iconfont icon-23 "></i>
                            <span>电商</span>
                        </a>
                    </li>
                    <li class="nav-bar-item list-group-item list-group-item-action border-0">
                        <a href="#" class=" d-flex flex-column justify-content-center">
                            <i class="iconfont icon-peile "></i>
                            <span>配乐</span>
                        </a>
                    </li>
                    <li class="nav-bar-item list-group-item list-group-item-action border-0">
                        <a href="#office-container" class=" d-flex flex-column justify-content-center">
                            <i class="iconfont icon-bangong "></i>
                            <span>办公</span>
                        </a>
                    </li>
                    <li class="nav-bar-item list-group-item list-group-item-action border-0">
                        <a href="#" class=" d-flex flex-column justify-content-center">
                            <i class="iconfont icon-ai-module "></i>
                            <span>模块</span>
                        </a>
                    </li>
                    <li class="nav-bar-item list-group-item list-group-item-action border-0">
                        <a href="#" class=" d-flex flex-column justify-content-center">
                            <i class="iconfont icon-uikit "></i>
                            <span>UI</span>
                        </a>
                    </li>
                    <li class="nav-bar-item list-group-item list-group-item-action border-0">
                        <a href="#" class=" d-flex flex-column justify-content-center">
                            <i class="iconfont icon-w_huapan "></i>
                            <span>插画</span>
                        </a>
                    </li>
                    <li class="nav-bar-item list-group-item list-group-item-action border-0">
                        <a href="#" class=" d-flex flex-column justify-content-center">
                            <i class="iconfont icon-zhuangxiu "></i>
                            <span>装修</span>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- 最上层登录框 -->
            <div class="top-login position-fixed " id="top-login">
                <div class="shadow-lg mb-5 bg-white rounded login-main">
                    <div class="row ">
                        <div class="col-md-12 d-flex justify-content-end ">
                            <span class="iconfont icon-guanbi" id="close-login-btn"></span>
                        </div>
                        <div class="col-md-12 d-flex justify-content-center ">
                            <img src="./images/login-ibaotu-logo.png" alt=" " class="login-ibaotu-logo">
                        </div>
                        <div class="col-md-12 d-flex justify-content-center">
                            <span class="login-tip">3秒登录 即可下载</span>
                        </div>
                        <div class="col-md-12 ">
                            <ul class="d-flex justify-content-center">
                                <li class="login-item">
                                    <a href="http://www.baidu.com " target="_blank" rel="noopener noreferrer">
                                        <span class="iconfont login-item-icon icon-weixin1 wechart rounded-circle "></span>
                                        <span class="login-item-txt">微信登录</span>
                                    </a>
                                </li>
                                <li class="login-item">
                                    <a href="http://www.baidu.com " target="_blank" rel="noopener noreferrer">
                                        <span class="iconfont login-item-icon qq icon-qq rounded-circle "></span>
                                        <span class="login-item-txt">QQ登录</span>
                                    </a>
                                </li>
                                <li class="login-item">
                                    <a href="http://www.baidu.com " target="_blank" rel="noopener noreferrer">
                                        <span class="iconfont login-item-icon icon-ai-phone phone rounded-circle"></span>
                                        <span class="login-item-txt">手机登录</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-12 check-for-login">
                            <span class="check-span position-relative">
                                <input type="checkbox" name="login-check" id="login-check" class="position-absolute">
                                <label for="login-check">勾选代表您同意《包图网络服务使用协议》&《包图隐私政策》</label>
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 卡片 -->
            <div class="container">
                <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <ul class="d-flex justify-content-between ">
                                <li class="card-item shadow-sm rounded overflow-hidden position-relative bg-white">
                                    <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">
                                        <img src="./images/人像摄影.jpg" alt=" ">
                                    </a>
                                    <div class="item-content position-absolute">
                                        <span class="item-title">时尚男女</span>
                                        <span class="item-line"></span>
                                        <span class="item-small-title">人像摄影</span>
                                    </div>
                                </li>
                                <li class="card-item shadow-sm rounded overflow-hidden position-relative bg-white">
                                    <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">
                                        <img src="./images/七夕美陈.jpg" alt=" ">
                                    </a>
                                    <div class="item-content position-absolute">
                                        <span class="item-title">七夕美陈</span>
                                        <span class="item-line"></span>
                                        <span class="item-small-title">装饰模型</span>
                                    </div>
                                </li>
                                <li class="card-item shadow-sm rounded overflow-hidden position-relative bg-white">
                                    <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">
                                        <img src="./images/减肥摄影.jpg" alt=" ">
                                    </a>
                                    <div class="item-content position-absolute">
                                        <span class="item-title">逆袭！包子减肥季</span>
                                        <span class="item-line"></span>
                                        <span class="item-small-title">健身摄影图</span>
                                    </div>
                                </li>
                                <li class="card-item shadow-sm rounded overflow-hidden position-relative bg-white">
                                    <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">
                                        <img src="./images/UI设计.jpg" alt=" ">
                                    </a>
                                    <div class="item-content position-absolute">
                                        <span class="item-title">直播模板</span>
                                        <span class="item-line"></span>
                                        <span class="item-small-title">UI设计</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="carousel-item">
                            <ul class="d-flex justify-content-between">
                                <li class="card-item shadow-sm rounded overflow-hidden position-relative bg-white">
                                    <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">
                                        <img src="./images/节约粮食.jpg" alt=" ">
                                    </a>
                                </li>
                                <li class="card-item shadow-sm rounded overflow-hidden position-relative bg-white">
                                    <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">
                                        <img src="./images/广告设计.jpg" alt=" ">
                                    </a>
                                    <div class="item-content position-absolute">
                                        <span class="item-title">处暑</span>
                                        <span class="item-line"></span>
                                        <span class="item-small-title">广告设计</span>
                                    </div>
                                </li>
                                <li class="card-item shadow-sm rounded overflow-hidden position-relative bg-white">
                                    <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">
                                        <img src="./images/中秋节广告.jpg" alt=" ">
                                    </a>
                                    <div class="item-content position-absolute">
                                        <span class="item-title">中秋节</span>
                                        <span class="item-line"></span>
                                        <span class="item-small-title">广告设计</span>
                                    </div>
                                </li>
                                <li class="card-item shadow-sm rounded overflow-hidden position-relative bg-white">
                                    <a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">
                                        <img src="./images/开学季元素.jpg" alt=" ">
                                    </a>
                                    <div class="item-content position-absolute">
                                        <span class="item-title">开学季元素</span>
                                        <span class="item-line"></span>
                                        <span class="item-small-title">广告设计</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
            <div data-spy="scroll" data-target="#list-example" data-offset="0" class="scrollspy-example">
                <!-- 广告设计 -->
                <div class="ad-design-container">
                    <div class="container">
                        <div class="module-title">
                            <h2 class="module-main-title" id="ad-design-container">
                                <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">广告设计</a>
                            </h2>
                            <span class="module-small-title">ADVERTISING</span>
                        </div>
                        <div class="module-content">
                            <ul class="d-flex justify-content-between">
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative">
                                    <div class="w-100 position-absolute module-item-title">简约8.19医师节海报</div>
                                    <img src="./images/简约8.19医师节海报.jpg!ww7002" alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center">
                                        <button type="button" class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/简约中国医师节.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/简约大气相约七夕房地产海报设计.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/简约蓝色中国医师节.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/蓝色卡通插画中国医师节海报.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/鎏金水墨七夕节牛郎织女情人节海报.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/中国风七夕古扇创意海报.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/创意水墨鎏金七夕节节日宣传海报.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 电商淘宝 -->
                <div class="e-commerce-container">
                    <div class="container">
                        <div class="module-title">
                            <h2 class="module-main-title" id="e-commerce-container">
                                <a href="http://www.baidu.com" target="_blank " rel="noopener noreferrer ">电商淘宝</a>
                            </h2>
                            <span class="module-small-title">E-COMMERCE</span>
                        </div>
                        <div class="module-content">
                            <ul class="d-flex justify-content-between">
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/每日新鲜瓜果蔬菜绿色健康生鲜主图模板.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/浅蓝色清新七夕情人节食品水果西瓜电商主图.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/开学季新生报到学生用品优惠券.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/七夕情人节美妆护肤品直播悬浮直播侧边栏.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/七夕情人节浪漫电商粉色店铺直播弹屏.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/七夕情人节店铺活动促销弹窗直播悬浮模板.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/99聚划算百亿补贴水果生鲜蔬菜类目主图.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/七夕情人节美妆护肤品直播悬浮直播侧边栏.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>


                <!-- 办公文档 -->
                <div class="office-container">
                    <div class="container">
                        <div class="module-title">
                            <h2 class="module-main-title" id="office-container">
                                <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">办公文档</a>
                            </h2>
                            <span class="module-small-title">PPT/WORD/EXCEL</span>
                        </div>
                        <div class="module-content">
                            <ul class="d-flex justify-content-between">
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/卡通可爱手绘一年级英语课件PPT模板.jpg!fw700 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button" class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/学校培训机构教学计划表excel模板.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/小学九九乘法表excel模板.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/绿色清新12年级数学课件PPT模板.jpg!fw700 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/绿色田字格稿纸excel模板.jpg!ww7002 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/蓝色简约风医学院学术风汇报PPT模板.jpg!fw700 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/蓝色简约风通用商务汇报PPT模板.jpg!fw700 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                                <li class="module-item rounded overflow-hidden shadow-sm position-relative ">
                                    <div class="w-100 position-absolute module-item-title ">简约8.19医师节海报</div>
                                    <img src="./images/高端简约几何商务风通用工作总结PPT模版.jpg!fw700 " alt=" ">
                                    <div class="w-100 position-absolute module-item-btn d-flex justify-content-center align-items-center ">
                                        <button type="button " class="btn rounded-pill text-white ">免费下载</button>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <!-- 介绍选择我们网站的知名客户 -->
            <div class="container who-select-our-site ">
                <h2 class="select-our-site-title ">他们都选择包图网：</h2>
                <div class="row ">
                    <div class="col-md-4 select-item ">
                        <div class="shadow p-3 mb-5 bg-white rounded d-flex flex-column justify-content-center w-100 ">
                            <img src="./images/胡晓.png " class="card-img-top rounded-circle " alt="... ">
                            <div class="d-flex flex-column justify-content-center selector-item-content ">
                                <span class="selector-name ">胡晓</span>
                                <span class="selector-product ">IDXC创始人 美啊教育创始人</span>
                                <p class="selector-evaluate ">
                                    设计师总是花很多时间在找灵感上，包图网正是一个优质的商用设计素材平台，素材量丰富，更新速度快，可以为设计师减轻很多负担，提升工作效率!</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 select-item ">
                        <div class="shadow p-3 mb-5 bg-white rounded d-flex flex-column justify-content-center w-100 ">
                            <img src="./images/董景博.png " class="card-img-top rounded-circle " alt="... ">
                            <div class="d-flex flex-column justify-content-center selector-item-content ">
                                <span class="selector-name ">董景博</span>
                                <span class="selector-product ">UI中国创始人 懂点设计总编</span>
                                <p class="selector-evaluate ">
                                    包图网的素材非常适合各类设计师来使用，质量也不错，素材紧跟设计行业流行趋势，不少UI中国的会员一直在用。推荐大家在这里打开创意脑洞，效率满满！</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 select-item ">
                        <div class="shadow p-3 mb-5 bg-white rounded d-flex flex-column justify-content-center w-100 ">
                            <img src="./images/宋瑛楠.png " class="card-img-top rounded-circle " alt="... ">
                            <div class="d-flex flex-column justify-content-center selector-item-content ">
                                <span class="selector-name ">宋英楠</span>
                                <span class="selector-product ">腾讯高级运营经理</span>
                                <p class="selector-evaluate ">
                                    包图网的设计作品紧跟设计市场趋势，能够不断地提升设计师工作效率，给予设计师发散思维的参考，网站素材整体质量很棒，利于设计行业的不断向前发展。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="friendly-link-site ">

                </div>
                <!-- 加入我们 -->
                <div class="join-us ">
                    <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer " class="w-100 d-flex justify-content-center ">
                        <img src="./images/加入企业.png " alt=" ">
                    </a>
                </div>
            </div>
            <!-- 友情链接相关 -->
            <div class="container friendly-links ">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">友情链接</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile " role="tab" aria-controls="profile " aria-selected="false ">热门搜索</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact " role="tab " aria-controls="contact " aria-selected="false">新图上传</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link" id="boutique-topic-tab" data-toggle="tab" href="#boutique-topic" role="tab" aria-controls="boutique-topic" aria-selected="false">精品专题</a>
                    </li>
                </ul>
                <div class="tab-content " id="myTabContent ">
                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                        <ul>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">4k壁纸</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">摄图网</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">90设计</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">千图网</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">素描自学网</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">2018新年图片</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">法律咨询</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">天天文库</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">3d素材库</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">装修效果图</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">视频素材</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">字魂</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">文档下载网</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">绘艺素材</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">鲜花</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">壁纸族</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">图行天下</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">图司机</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">电脑桌面壁纸</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">ifonts字体助手</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">背景图片</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">腾讯文档</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">简笔画</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">图片大全</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">图片编辑器</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">PS</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">视频素材</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">大图素材</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">软件下载中心</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">中国设计网</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">网站模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">素材中国</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">未来软件园</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">系统圣地</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">手抄报</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">虎课网</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">桌面壁纸</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">老毛桃winpe</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">衣联网</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">PS教程网</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">壁纸</a></li>
                        </ul>
                    </div>
                    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                        <ul>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">3d导航</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">3D设计图</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">APP启动图</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">app图标</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">AE视频模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">AE照片墙模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">logo商标</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">logo效果图</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">LOGO源文件</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">banner背景图</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">banner模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">cad图案</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">CAD学校</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">CAD植物图例</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">办公楼CAD</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">办公室背景图</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">办公室门牌设计</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">办公室设计图</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">背景简笔画</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">背景软件</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">背景图案</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">背景图霸气</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">背景图可爱</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">灯笼图</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">灯笼图案</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">灯泡图标</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">登录图标</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">低碳概念</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">迪厅视频</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">底纹矢量图</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">底纹图案</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">抵用券模板图</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">地点图标</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">地球平面图</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">地球矢量图</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">个人海报模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">个人简介封面</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">个人简历背景</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">个人求职简历表</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">工作汇报模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">工作模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">公示栏模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">公司财务收支明细表</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">公司海报模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">公司介绍模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">公司门牌设计</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">公司面试表格模板</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">公司图标</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">公众号logo</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">海报网站</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                        <ul>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">大气创意开学季促销海报</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">风景建筑类立体插画手机系统主题图标</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">大气水墨文字标题展示片头AE模板</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">水墨中国自然处暑AE模板</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">文明用餐节约粮食公益手机海报</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">蓝色科技数据环境检测可视化数据网页界面</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">橙色简约保险理财健康医疗险h5活动长图</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">清新简约反对浪费厉行节约手机页面</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">抗战胜利75周年纪念日微信公众号用图</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">创意师恩难忘教师节海报</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">蓝色阴森恐怖小鬼僵尸符咒中元节手机海报</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">大气简约意境中国风传统节气白露海报</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">深色中国风水墨鎏金中秋佳节UI界面H5</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">宽屏幕震撼科技隧道dj舞台视频</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">多色渐变互联网常用图标素材</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">宽屏幕震撼大气唯美穿越dj视频</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">创意开学季促销海报</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">黄色简约母子温馨画面全国爱牙日海报</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">聆听时代声音回应时代呼唤展板两件套</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">金色丝绸高端大气轻奢精致焕颜美容海报</a></li>
                        </ul>
                    </div>
                    <div class="tab-pane fade" id="boutique-topic" role="tabpanel " aria-labelledby="contact-tab ">
                        <ul>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">现代简约背景墙</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">第一PPT</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">封面</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">主图</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">门头</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">企业宣传</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">促销</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">宣传片</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">详情页</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">夏日小清新</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">人力资源</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">字体设计</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">秋季</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">十九大</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">创意狗年卡通形象字体</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">2018新年图片</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">测试1</a></li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">大理石背景墙</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">深夜食堂</a>
                            </li>
                            <li><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">艺术抽象风</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 底部全站无忧-免费下载... -->
            <div class="container worry-free">
                <div class="row border-top">
                    <div class="col-md-2 d-flex flex-column justify-content-center">
                        <img src="./images/全栈精品.svg " alt=" ">
                        <span>全栈精品</span>
                    </div>
                    <div class="col-md-2 d-flex flex-column justify-content-center">
                        <img src="./images/免费下载.svg " alt=" ">
                        <span>免费下载</span>
                    </div>
                    <div class="col-md-2 d-flex flex-column justify-content-center">
                        <img src="./images/商用无忧.svg " alt=" ">
                        <span>商用无忧</span>
                    </div>
                    <div class="col-md-2 d-flex flex-column justify-content-center">
                        <img src="./images/正版版权.svg " alt=" ">
                        <span>正版版权</span>
                    </div>
                    <div class="col-md-2 d-flex flex-column justify-content-center">
                        <img src="./images/海量素材.svg " alt=" ">
                        <span>海量素材</span>
                    </div>
                    <div class="col-md-2 d-flex flex-column justify-content-center">
                        <img src="./images/优质服务.svg " alt=" ">
                        <span>优质服务</span>
                    </div>
                </div>
            </div>
            <div class="site-information">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3">
                            <img src="./images/img_logo.png " alt=" " class="logo-img">
                        </div>
                        <div class="col-md-9 ">
                            <ul class="d-flex h-100 align-items-center justify-content-between ">
                                <li class="bottom-bar-item"><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">今日新图</a></li>
                                <li class="bottom-bar-item item-line "></li>
                                <li class="bottom-bar-item"><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">热门专题</a></li>
                                <li class="bottom-bar-item item-line "></li>
                                <li class="bottom-bar-item"><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">设计图片</a></li>
                                <li class="bottom-bar-item item-line "></li>
                                <li class="bottom-bar-item"><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">售后服务</a></li>
                                <li class="bottom-bar-item item-line "></li>
                                <li class="bottom-bar-item"><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">关于我们</a></li>
                                <li class="bottom-bar-item item-line "></li>
                                <li class="bottom-bar-item"><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">联系我们</a></li>
                                <li class="bottom-bar-item item-line "></li>
                                <li class="bottom-bar-item"><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">加入我们</a></li>
                                <li class="bottom-bar-item item-line "></li>
                                <li class="bottom-bar-item"><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">帮助中心</a></li>
                                <li class="bottom-bar-item item-line "></li>
                                <li class="bottom-bar-item"><a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">在线客服</a></li>
                                <li class="bottom-bar-item">
                                    <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer " class=" iconfont icon-weixin "></a>
                                </li>
                                <li class="bottom-bar-item">
                                    <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer " class="iconfont icon-weibo "></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row record-info ">
                        <div class="col-md-12 ">为了防范电信网络诈骗，如接到962110来电，请立即接听</div>
                        <div class="col-md-12 ">
                            <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">
                                <i class="icon-common icon-guohui"></i> 沪ICP备16053114号-2
                            </a>
                            <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">ICP证:沪B2-20180032</a>
                            <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">
                                <i class="icon-common icon-jinghui"></i> 沪公网安备31011502400137号
                            </a>
                            <a href="http://www.baidu.com " target="_blank " rel="noopener noreferrer ">
                                <i class="icon-common icon-shanghaigongshang"></i> 上海工商
                            </a>
                            <span>Copyright©2016-2020 包图网ibaotu.com 版权所有</span>
                        </div>
                        <div class="col-md-12 ">
                            <a href="http:// " target="_blank " rel="noopener noreferrer ">广播电视节目制作经营许可证（沪）字第03172号</a>
                            <a href="http:// " target="_blank " rel="noopener noreferrer ">网络文化经营许可证
                                沪网文{2019}2346-159号</a>
                            <a href="http:// " target="_blank " rel="noopener noreferrer ">出版物经营许可证新出发沪批字第Y8311号</a>
                            <a href="http:// " target="_blank " rel="noopener noreferrer ">《包图网络服务使用协议》</a>
                            <a href="http:// " target="_blank " rel="noopener noreferrer ">《包图隐私政策》</a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <script src="./scripts/jquery3.5.1.slim.min.js "></script>
    <script src="./scripts/popper1.16.0.min.js "></script>
    <script src="./scripts/bootstrap4.5.0.min.js "></script>
    <script src="./scripts/ajax.js"></script>
    <script src="./scripts/base.js "></script>
</body>

</html>